/*
Theme Name: proud_cloud
Theme URI: http://www.mythe-imaginaire-société.fr/
Description: A theme based on elements from many other excellent themes such as slick_red, wynton_ marsallis, son_of_blue etc.
Version: 3.4.0
Author: Renaud Zuppinger
Author URI: http://www.mythe-imaginaire-société.fr/
Tags:  three or more columns,  dropdown menu, 
*/


/* ========== HEADER =========== */

body {
	background-image:url('images/clouds_1920.jpg');
	background-repeat: repeat-x;	
	background-color:#fff;
	}
#wend_wrapper {margin: 0 auto; background-color:#555;}
#header,#header2 {
	padding-top: 1px;  
	margin: 20px auto;
	position:relative; 
	font-family: helvetica;
	font-style:normal; 
	font-weight:normal;
	text-align:center;
	width:100%;	
	min-width:800px;
	font-size: 55px;
	}
#wrapper {margin: 0 auto; background-color:transparent;}
#main { 
	top:5px;
	position: relative;
	clear: left;
	max-width:1000px; 	
	margin: 0 auto;
	background-color:transparent;
	}	

/* ====== Back To  Top (btt) =========== */

#btt {
	position: fixed;
  	margin-left:1%;
  	top: 300px;
  	z-index:70;
}
#btt a {background: url('images/arrow_gull_btt.gif') 0% 0% no-repeat;}
#btt a:hover {background: url('images/arrow_red_btt.gif') 0% 0% no-repeat;text-decoration: none;}




/* ========== NAV  MENUS =========== */
#under_nav2 {
	float:left;	
	margin-top:0px;	
	width: 100%;
	background-color:#bbb;
	}
#under_nav {
	float:left;	
	margin-top:5px;
	margin-bottom:2px;	
	width: 100%;
	background-color:#bbb;
	}

#nav2	{
	font-family: Tahoma, Geneva, sans-serif;
	width: 1000px;
 	margin-right: auto;
	margin-left: auto;
	}

#nav	{
	font-family: Tahoma, Geneva, sans-serif;
 	margin-right: auto;
	margin-left: auto;
	margin-top:1px;
	}

#nav li, #nav2 li {
	float: left;
	}

#nav a, #nav2 a {
	display: block;
	padding-top: 5px;
	padding-bottom:5px;
      color: #fff;
	}
#nav a {
	font-size: 13px;
      font-weight:normal;
	margin-left:1px;
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	padding-left: 15.4px;
	padding-right: 15.4px;
}
#nav2 a {
	font-size: 16px;
	font-weight: normal;
	margin-left:1px;	
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	padding-left: 56px;
	padding-right: 56px;
}
#nav a:hover,  #nav2 a:hover {
	text-decoration: none;
	color:#acf;
	background-image: url('images/nav-hover.jpg');
	background-repeat: repeat-x;
	}

#nav li.current-cat a, #nav2 li.current-cat a, #nav li.current_page_item a, #nav2 li.current_page_item a
	{
	text-decoration: none;
	color:#006;
	background-image: url('images/nav_current.jpg');
	background-repeat: repeat-x;
	}

	
/* ==== DROPDOWN Menus nav2 ==== */	
#nav2 li ul{
	margin-left:1px;	
	display:none;	
	position: absolute;
	height: auto;
	}
#nav2 li li {
	background-image: url('images/nav-back.jpg');
	background-repeat: repeat-x;
	}
#nav2 li li a {
	padding-left: 20px;
	padding-right: 20px;
	width: 221px;
	font-size:14px;
	}
#nav2 li li a:hover {
	background-image: url('images/nav-hover.jpg');	
	background-repeat: repeat-x;
	}
#nav2 li:hover ul{
	display:block;
	}
/* ==== DROPDOWN  Menus nav ==== */	
#nav li ul	{
	margin-left:0px;	
	visibility:hidden;	
	position: absolute;
	height: auto;
	width: 180px;
	z-index:150;
	}
#nav li li {
	background-image: url('images/nav-back.jpg');
	background-repeat: repeat-x;
	}
#nav li li a, #nav li li a:visited {
	width: 180px;
	margin-left:0px;	
	font-weight:normal;
	font-size:11px;
	color:#ffe;
	}
#nav li li a:hover, #nav li li a:active {
	width: 180px;
	margin-left:0px;	
	background-image: url('images/nav-hover.jpg');	
	background-repeat: repeat-x;
	color:#fff;
	}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul{
	visibility:visible;
	}

/* ========== TYPOGRAPHIE =========== */

* { padding: 0; margin: 0; }

img { border: 0; }

ul { list-style:none;}

* sup
{vertical-align:+20%;font-size:8px;	font-style:normal;} 

a {color: #47c;text-decoration: none;}

a:hover {color: #F00;text-decoration: none;}

.pW2 {color:#fff; text-align:left;font-size:9pt; font-weight: bold;}

.smgr {
	font-size: 9pt;
	font-family: Arial;
	color: #888;
	text-align: justify;
	line-height: 120%;
	font-weight: normal;
	}

.h_mythe{color: #dfdfdf;}

.h_imaginaire {color: white;}

.h_societe {color: #ddb;}

.children {padding-left: 0px;}

.further {
	font-weight: normal;
	color: #888;
	font-size: 11px;
	font-family: Arial;
	text-align: right;
	padding : 7px 0px 3px 0px;
	}
.further a  {background: url('images/arrow_blu_right.png') right no-repeat;}
.further a:hover {text-decoration: none; background: url('images/arrow_blu_right.png') right no-repeat;}
.unwind {background: url('images/arrow_blu_down.png') right  no-repeat;}


.full_view ul {display:none;}
.full_view:hover ul {display :block;}

.taglist 
	{
	font-size: 11px;
	font-weight:bold;
	background-color:#fff;
	color:#555;	
     	padding: 1px 0px 10px 10px;
	margin-bottom: 5px;
	border-bottom: 3px solid #888;
	}
.taglist a:hover {background: url('images/kube_grey.png') left top no-repeat;	color: #f00;}
.taglist li a
	{
	background: url('images/kube_blu.png') left top no-repeat;
	color: #999;
	line-height: 130%;
	padding-left: 25px;
	padding-bottom: 5px;	
	}


/* ======== TITRAILLE COMMUNE ======== */
h1 {
	font-family: Arial;
	font-weight: normal;
	color: #222;
	font-size: 16pt;
	text-align:left;
	}
h2 {
	font-family: Arial;
	font-weight:bold;
	color: #778;
	font-size: 12pt;
	text-align:left;
	}
h3 {
	font-family: Arial;
	color: #676;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom:3px;	
	text-align:left;
	}
h4 {
  	font-family: Arial;
  	color: #665;
  	text-align: left;
  	font-weight: bold;
  	font-size: 8pt;
	}
h5 {
  	font-family: Arial;
  	color: #787;
  	text-align: center;
  	font-weight: bold;
  	font-size: 8pt;
	}


/*--- NB: title-link = flèches-liens dans "Mythes actifs" 
vers d'autres articles sur les mythes --- */

.title_link {
	padding-left:20px;
	}
.title_link a {
	background: url('images/arrow_red_right.png') 0% 40% no-repeat;
	padding-left:30px;
	}
.title_link a:hover {
	background: url('images/arrow_green_right.png') 0% 40% no-repeat;
	padding-left:30px;
	}

#index h1 {
	background-image: url('images/nav-hover.jpg'); 
	background-repeat: repeat-x;
	color:#fff;
	font-size:28px;
	padding:0px 10px 1px 15px;
	}


/* ========== CONTENT =========== */
#content {
	float: left;
	margin-right: .2%;
	padding-left:2px;
	border-left:8px solid #eee;
	}

#content .post-wrap{
	background-color: #fff;
	color: #444;
	border-bottom: 4px solid #888;
	}

#pagelink {
font-size:8pt;
color: #888;
text-align:right; 
padding-right:40px;
}

#pagelink a {
font-size:9pt;
font-weight:bold;
}


#pagelink a:hover{
font-weight:bold;
}

/* -----------  post-heading & -info -- */

#content .post-heading {
	padding: 10px 0px 2px 10px;
	border-bottom: 0px solid #888;
	margin: 0 10px 0px 10px;
	}
#content .post-heading h1 {font-size: 24px;}
#content .post-heading a {color: #55a;}
#content .post-heading a:hover {color: #f00;}

#content .post-info {
	text-align:right;
	font-size: 11px;
  	color: #ddd;
	}
#content .post-info a {
	font-weight: normal;
		}
#content .post-info a:hover {
	font-weight: normal;
	text-decoration: underline;	
	}
#content .post-info a.commentlink {
	background: url('images/comments.gif') top left no-repeat;
	padding: 5px 0px 0px 20px;
	}
#content .post-info a.postfeed {
	background: url('images/rss.gif')  top left no-repeat;
	padding: 2px 0 0 21px;
	float:right;
	}


/* ======= post-content ================ */
#content .post-content{
	padding : 5px 30px 5px 32px;
	line-height: 125%;
	text-align:justify;
	}
#content .excerpt {
	padding: 2px 30px 2px 32px;
	line-height: 124%;
	text-align:justify;
	font-size: 13px;
	font-weight: normal;
	}
#content .excerpt p {
	padding:0px 20px 0px 20px;
	line-height: 124%;
	text-align: justify;
	font-family:DejaVu Serif;  	
	color: #000;  	
	font-size: 12px;
	font-weight: normal;
	}

#content .post-content ul, #content .post-content ol {
	list-style: none;	
	padding-bottom: 8px;
	}

/* =======
#content .post-content h2 
	{
	padding-top:8px;
	padding-bottom:0px;
	font-size: 15px;
	font-weight: bold;
	text-align:left;

	}
================ */

#content .post-content p 
	{
	font-family:DejaVu Serif;  	
	color: #000;  	
	text-align: justify;
	padding:2px 30px 10px 50px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 128%;
	}

#content .post-content .smgr {
	padding:2px 20px 15px 20px;
  	font-size: 8pt;
  	color: #999;
  	text-align: justify;
	line-height: 124%;
	}
#content .post-content li {
	background: url('images/kube_grey.png') left top no-repeat;
	margin-left:100px;
  	font-size: 10pt;
	color: #000;
	line-height: 120%;
	padding-left: 15px;
	padding-bottom: 3px;
	}

/* post-footer */

#content .post-footer{
	font-size: 8pt;
  	color: #777;
	border-top: 1px solid #ddd;
	margin: 0 10px 5px 10px;
	}
#content .post-footer ul {
	list-style: none;
	}
#content .post-footer li {
	padding-bottom: 5px;	
	float: left;
	margin-right: 36px;
	}
#content .post-footer a.commentlink {
	background: url('images/comments.gif') top left no-repeat;
	padding: 5px 0 0 20px;
	}
#content .post-footer a.permalink {
	background: url('images/permalink.gif') top left no-repeat;
	padding: 6px 0 0 22px;
	}
#content .post-footer a.postfeed {
	background: url('images/rss.gif') top left no-repeat;
	padding: 2px 0 0 22px;
	}




/* ==================== SIDEBARS ====================== */

/* Sb COMMUNS : cadre général "-item" & liens */
#sidebar4 .sidebar-item, #sidebar5 .sidebar-item , 
#sidebar6 .sidebar-item, #sidebar7 .sidebar-item, #sidebar8 .sidebar-item
	{
	text-align:justify;
	background: #fff;
	font-size: 11px;
	color: #6b6b6b;
     	padding: 10px 15px 10px 20px;
 	margin-bottom: 5px;
	border-bottom: 4px solid #888;
	}
/* ------------------ Sb ACCUEIL -------------------- */

	/* ------- Conteneurs sb11 et sb15------- */

#sidebar11,#sidebar15 
	{
	float : left;
	width: 76%;
	background-color:transparent;
	}
#sidebar11 
	{
	margin-top:15px;
	height: 650px;
	margin-bottom:10px; 
	}

	/* ----- sb16 et 19 + sb12 et 14 ----- */

#sidebar11 h1, #sidebar15 h1
	{
	background-color:#fff;
	/*background-image:url('images/clouds_1920_90.jpg');
	color:#fff;*/
	font-family:Tahoma;
	text-align:left;
	font-size: 18pt;
	font-weight:normal;
	padding : 4px 2px 2px 2px;
	}
#sidebar11 h2, #sidebar15 h2
	{
	font-family:Tahoma;
	text-align:left;
	font-size: 14pt;
	font-weight:normal;
	padding : 0px 2px 2px 2px;
	margin-bottom: 1px;
	border-bottom:1px solid #fd0;
	}
#sidebar16 h1 {border-bottom:2px solid #eb6;}
#sidebar19 h1 {border-bottom:2px solid #fd0;}
#sidebar12 h1 {border-bottom:2px solid #c0c;}
#sidebar14 h1 {border-bottom:2px solid #e3d;}
	  
#sidebar12 h2
	{
	padding : 0px 2px 5px 2px;
	border-bottom:1px solid #c0c;
	margin-bottom: 15px;
	}
#sidebar14 h2
	{
	font-family:Arial;
	margin-bottom: 5px;
	border-bottom:1px solid #e5a;
	color:#a00;
	}
#sidebar14 h3
	{
	text-align:left;
	font-family:Arial;
	font-size: 10pt;
	font-weight:bold;
	padding:0px 0px 3px 20px;
	color:#059;
	}

#sidebar16 
	{
	float : left;
	width:49%;
	height:580px;
	}
#sidebar16 .sidebar-item
	{
	background-color:#fff;
	font-family:arial;
	text-align:justify;
	font-size: .75em;
	font-weight:bold;
	color: #222;
     	padding: 15px 25px 10px 10px;
	height:573px;
	overflow:hidden;
	border-bottom: 2px solid #333;
	}
#sidebar19 
	{
	float : right;
	width:50%;
	}
#sidebar19 .sidebar-item 
	{
	background-color:#fff;
	font-family:arial;	
	font-size:16px;
	font-weight:bold;
	color: #333;
	text-align:justify;
     	padding: 5px 10px 5px 10px;
	height:188px;
	overflow:hidden;
	border-bottom: 2px solid #333;
	}
#sidebar19 .post-content 
	{
	font-family:arial;	
	font-size:8pt;
	line-height: 130%;
	height:125px;
	overflow:hidden;
	}
#sidebar12 
	{
	float: right;
	width: 52%;
	padding-top: 1px; 
	 
	}
#sidebar12 .sidebar-item, #sidebar14 .sidebar-item 
	{
	background: #fff;
	font-family:arial;
	color: #333;
 	margin-bottom: 5px;
	border-bottom: 2px solid #333;
	}
#sidebar12 .sidebar-item {
	text-align:justify;
	font-size: 13px;
	font-weight:bold;     	
	padding: 20px 25px 15px 25px;
	}

#sidebar14  
	{
	float: left;
	width: 47%;
	padding-top: 1px;
	}
#sidebar14 .sidebar-item {
	text-align:justify;
	font-family:helvetica;
	font-size: 11pt;
	font-style: normal;
	font-weight:normal;     	
	padding: 20px 30px 10px 10px;
	}
#sidebar14 .sidebar-item p{
	padding:0px 0px 5px 0px;
	color: #333;
		}
#sidebar14 .excerpt p{
	padding-left:0px;
	color: #000;
	}




/* ========== Sidebar13 et sidebar3 - à droite =========== */
#sidebar13 
	{
	margin-top:15px;
	float: right;
	width: 23.5%;
	min-height: 700px;
	} 
#sidebar3	{
	float: left;
	width: 31%;
	min-height: 700px;
	} 
#sidebar13 .sidebar-item 
	{
	color:#eee;
	font-size: 12px;
	margin-bottom:3px;
	font-weight: bold;
	background: #fff;
	}
#sidebar3 .sidebar-item
{
	color:#888;
	font-size: 12px;
	margin-bottom:12px;
	font-weight: normal;
	}

#sidebar13 .sidebar-item h1 
	{
	text-align:center;
	background-image: url('images/nav-hover.jpg');	
	background-repeat: repeat-x;
	color:#fff;
	font-size: 20px;
	font-weight:normal;
	padding : 8px 2px 3px 0px;
	/*border-bottom:1px solid #fff;*/
	}



/* ===== Sb ARCHIVE, INDEX & SINGLE ===== */
#sidebar20 {
	float: left;
	width: 32%;
	margin-right: .6%;
	min-height: 700px;
	}
#sidebar21 {
	float: left;
	width: 29.6%;
	margin-right: .2%;
	}
#sidebar21 .sidebar-item
	{
	background: #fff;
	font-family: arial;
	padding: 7px 10px 7px 10px;
	text-align:left;
	line-height: 100%;	
	color: #777;
      margin-bottom: 2px;
	border-bottom: 2px solid #999;
	font-size:8pt;
	font-weight:bold;
	}

#sidebar20 .sidebar-item,#sidebar3 .sidebar-item, #sidebar13 .themat
	{
	background: #fff;
	font-size: .75em;
	font-weight: normal;
	font-family: arial;
	padding: 7px 15px 10px 25px;
	text-align:left;
	line-height: 120%;	
	color: #000;
      margin-bottom: 4px;
	border-bottom: 2px solid #999;
	}
	
.col { font-size: 11px; }
.col h2 { text-align: center;}

	/* ---------- Sb COMMUN : listes ----------  */
#sidebar13 .sidebar-item li,#sidebar3 .col li,
#sidebar4 .sidebar-item li, 
#sidebar5 .sidebar-item li, #sidebar6 .sidebar-item li,
#sidebar7 .sidebar-item li, #sidebar8 .sidebar-item li
	{
	font-size: 11px; 
	padding-left: 15px;
	padding-bottom: 5px;	
	line-height: 120%;	
	font-weight: normal;
	}
#sidebar3 .sidebar-item  li,#sidebar20 .sidebar-item  li,#sidebar21 .sidebar-item li   
	{
	text-align:left;
	line-height: 150%;
	}
#sidebar3 .themat li, #sidebar13 .themat li 
	{
	background: url('images/kube_red.png') left top no-repeat;
	padding-left: 18px;	
	}
#sidebar3 .themat li:hover, #sidebar13 .themat li:hover
	{
	background: url('images/kube_grey.png') left top no-repeat;
	}
#sidebar3 .themat  li li, #sidebar13 .themat  li li
	{
	background: url('images/kube_blu.png') left top no-repeat;
	}
#sidebar3 .sommaire li,#sidebar20 .sommaire li,#sidebar21 .sommaire li  {
	background: url('images/kube_green.png')left top no-repeat;
	padding-left: 18px;	
	}
#sidebar3 .sommaire  li li, #sidebar20 .sommaire  li li,#sidebar21 .sommaire li li {
	background: url('images/kube_gull.png')left top no-repeat;
	}
#sidebar3 .gull li, #sidebar20 .gull li {
	background: url('images/kube_gull.png') left top no-repeat;
 	padding-left: 18px;	
 	}
#sidebar3 .gull li:hover, #sidebar20 .gull li:hover {
	background: url('images/kube_inv.png') left top no-repeat; 
	}

	/*  -------- Sb spécifiques de "LA CARTE" ---------*/
#sidebar4 
	{
	float: left;
	width: 19.60%;
	border-left:10px solid #ac5;
	}
#sidebar5,#sidebar6,#sidebar7,#sidebar8,#sidebar9 
	{
	float: left;
	margin-left:.2%;
	width:19.60%;
	}


	/* --------- Sb avec listes et puces (cubes RZ) ------ */
#sidebar13 .sidebar-item li{background: url('images/kube_blu.png')left top no-repeat;}
#sidebar4 .sidebar-item li{background: url('images/kube_grey.png') left top no-repeat;}
#sidebar5 .sidebar-item li{background: url('images/kube_gull.png') left top no-repeat;}
#sidebar6 .sidebar-item li{background: url('images/kube_red.png') left top no-repeat;}
#sidebar7 .sidebar-item li{background: url('images/kube_green.png') left top no-repeat;}
#sidebar8 .sidebar-item li{background: url('images/kube_inv.png') left top no-repeat;}



	/* ----------- Sb COMMUN : titraille ----------- */
#sidebar .sidebar-item h1,
#sidebar3 .sidebar-item h1, #sidebar20 .sidebar-item h1,
#sidebar21 .sidebar-item h1,  
#sidebar20 .sommaire h1, #sidebar21 .sommaire h1
	{
	background: #fff;
	text-align:center;
	font-style: normal;
	font-weight:normal;
	color: #777;
	font-size: 18px;
	padding-bottom: 4px;
	border-bottom: 1px solid #999;
	margin-bottom: 4px;
	line-height: 120%;	
	}

#sidebar3 .sommaire h2,
#sidebar20 .sidebar-item h2,#sidebar21 .sidebar-item h2,
#sidebar2 .sommaire h2, #sidebar20 .sommaire h2, #sidebar21 .sommaire h2
	{
	text-align:left;
	font-style: normal;
	font-weight:bold;
	color: #999;
	font-size: 14px;
	padding-left: 0px;
	padding-bottom: 4px;
	}

#sidebar20 .sidebar-item h3, #sidebar21 .sommaire h2
	{
	text-align:left;
	font-style: normal;
	font-weight:bold;
	color: #557;
	font-size: 11px;
	padding-left: 0px;
	padding-bottom: 4px;
	}


/* ========== FOOTER =========== */
#footer {
	color: #AAA;
	background: #555;
	text-align: center;
	font-size: 10px;
	padding: 12px 0 20px 0;
	margin-top: 30px;	
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	}
#footer p {
	padding-top: 10px;
	}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}

/* ========== COMMENTS =========== */
#respond {
	text-align:center;
	color:#eee;
	background: #999;
	font-size: 11px;
	margin-bottom:0px;
	font-weight:normal;
	}
#respond h1{
	color:#000;
	background-image: url('images/nav-hover_gul.gif');	
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 13px;
	padding : 3px 2px 3px 0px;
	border-bottom:2px solid #333;
	}
#comment-wrap h3 {
	background-image: url('images/nav-hover_gul.gif');	
	background-repeat: repeat-x;
	color:#000;	
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	text-align:center;
	}

#respond a{
	color:#ddd;
	text-decoration:none;
	}
#respond a:hover{
	text-decoration:blink;
	}
#comment-wrap {
	background-image: url('images/nav-back.jpg');	
	background-repeat: repeat-x;
	font-size: 10px;
	color:#555;
	texte-align:left;
	margin-bottom : 5px;
	}
#commentform input {
	background: #ffd;
	color: #111;
	font-weight: normal;
	width:90%;	
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: auto;
	}
#commentform textarea {
	width:95%;	
	background: #eef;
	color: #444;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
	}
#commentform label {
	margin-bottom:0px;
	display: block;
	}
.nocomments { 	
	background-image: url('images/nav-back.jpg');	
	background-repeat: repeat-x;
	font-size: 11px;
	color:#9fa;
	text-align:center;
	padding:5px 5px 5px 5px;
	}
.commentlist li {
	list-style: none;
	margin-bottom: 5px;
	}
.comment-author {
	width: 77px;	
	}
.comment-name {
	font-size: 10px;
	}
.comment-date {
	font-size: 10px;
	}
.comment-content {
	padding:5px 0px 0px 3px;
	font-size: 11px;
	background: #ffe;
	border-bottom: 1px solid #888;  
	}
.comment-content p {
	color:#552;
	padding:0px 10px 10px 10px; 
	font-size: 12px;
	line-height: 120%;  
	text-align: justify;
	}
#navigation {
	background-color:#fff;
	color : #999; 
      font-size: 15px;
	font-weight: bold;
	padding:2px 10px 2px 10px;
	margin-bottom:5px;
	}

/* ========== BOUTONS  ============= */

#button, #button2, #button3  {
	background-image: url('images/nav-back.jpg');	
	background-repeat: repeat-x;
	font-weight:normal;
	color:#ddd;	
	padding:3px 2px 3px 7px;
	margin-bottom:2px;
	}
#button4 {
	background-image: url('images/nav-back.jpg');	
	background-repeat: repeat-x;
	font-weight:normal;
	padding:3px 2px 3px 7px;
	margin-bottom:2px;
	text-align: left;
	}
#button4 a {background: url('images/kube_l-grey.png') left top no-repeat;	padding-left: 18px;	color:#aaa;	
}
#button {width:100%;text-align: center;}
#button2 a 
	{
	background: url('images/kube_blu.png') left top no-repeat;	padding-left: 18px;
	}
#button3 {width:35%;text-align: left;}
#sidebar13 .button2 {width:91.5%;text-align: left;}
#button3 a, #button2 a {color:#eee;}
#button3 a:hover, #button2 a:hover{color:#f77;}
#button:hover, #button3:hover, #button2:hover, #button4:hover 
	{
	background-image: url('images/nav-hover.jpg');	
	background-repeat: repeat-x;
	color:#ffa;
	text-decoration:none;
	}

/* ========= DIVERS ================ */
#searchform {
	padding:4px 0px 4px 0px;
	}
#searchsubmit {
	padding:0px 0px 0px 5px;
 	}

#s {	
	width: 160px;
	margin-left:10px; 
	}
.arrow {
	width: 0;  
	height: 0;  
	line-height: 0;  
	border-top: 20px solid #eee;  
	border-left: 20px solid white;  
	position: absolute;  
	top: 30px;  
	left: -19px;
	}
.children .comment-content { width: 392px; }
.children .children .comment-content { width: 372px; }
.children .children .children .comment-content { width: 352px; }
.children .children .children .children .comment-content { width: 332px; }

.hidden { display: none; }
.c-left { clear: left; }
.clear { clear: both; }
.center { text-align: center; }
.alignleft, .alignleft a { float: left; color:#aaa;}
.alignright, .alignright a { float: right; color:#aaa;}
img.alignleft { margin-right:13px; padding-top:5px;}
img.alignright { margin-left: 13px; padding-top:5px;}
img.s-alignleft 
	{ 
	float: left; 
	margin-right:13px; 
	padding-top:5px;
	width:65px; 
	height:65px;
	}
img.l-alignleft 
	{ 
	float: left; 
	margin-right:13px; 
	padding-top:5px;
	width:100px; 
	height:100px;
	}
img.l-sizeleft 
	{ 
	float: left; 
	margin-right:13px; 
	padding-top:5px;
	}

/*===============++++++  ++++++====================*/

/*=================== WENDON ====================*/
#sidebar22 {
	background-color: #888;
	float: left;
	width: 15.5%;
	height:900px;
	padding-top: 0px;      
	padding-left:15px;
	padding-right:5px;
	margin-left: 0px;
	margin-top :0px;
	text-align:center;
	}
#sidebar22 h3{
	color: #d0d0d6;
}
#sidebar22 .sidebar-item {
	margin-left:25px;
	margin-right:15px;
	padding-left:25px;
	text-align:center;
	background-color: #fff;
	font-size: 12px;
	color: #777;
	}

/* ======= Pour écrire le content en deux colonnes (split-content)=== */
#pc-left, #pc-right
	{	
	float: left;
	background-color:#eed;
	width: 48%;
	margin-left:.5%;
	padding: 5px 3px 5px 3px;
	}
#pc-right{	border-right: 5px solid #aaa;}
#pc-left{	border-left: 5px solid #aaa;}

#wendtext_content {
	float: left;
	width:81.1%;
	background-color:#555;
	padding-bottom:30px;
}
#wendtext_content .post-heading {
	margin: 5px 10px 5px 10px;
	}
#wendtext_content .post-content p {
	font-family:verdana;  	
	color: #000;  	
	text-align: justify;
	font-size: 12px;
	line-height: 124%;
	padding : 3px 15px 2px 15px;
}
#wendtext_content .post-heading a {color: #fff;}
#wendtext_content .post-heading a:hover {color: #f00;}



/* ============== Images ================= */

#wend_content { 
	float: left;
	width:12%px;
	padding-top:0px;
	background-color:#555;
	min-height:900px;
	margin-left:0px; 
}

img#vignette,#vignette_v,#s_small, #s_small_v {
	margin-left:2px;
	margin-top:2px;
	border-top: 3px solid #ddd;  
	border-right: 3px solid #888;	
	border-bottom: 3px solid #777;  
	border-left: 3px solid #bbb;  
	position: relative; 
  	visibility : visible;
}
img#vignette_v, #s_small_v {
	left:20px;
  	width: 80px;
  	height:120px;
}
img#vignette, #s_small {
  	width: 120px;
  	height: 80px;
}
img#large,img#large_v,img#spe {
	position: fixed; 
	border-top: 30px solid #ddd;  
	border-right: 30px solid #888;	
	border-bottom: 30px solid #777;  
	border-left: 30px solid #bbb;  
	display : none;
  	z-index: 100;
}
a:hover img#large, a:hover img#large_v,  a:hover img#spe {
  	display: block;
}
img#spe {
	top:17%;
 	left:35%;
}
img#large {
	top:17%;
 	left:35%;
 	width: 660px;
  	height: 440px;
}
img#large_v {
	top:13%;
	left:45%;
  	width: 430px;
  	height: 660px;
}



/* ==========================
img#small {
  border: 0;
  position: relative; 
  width: 200px;
  height: 120px;
  visibility : visible;
}
img#small_v {
	left:20px;
	position: relative; 
	border-top: 3px solid #ddd;  
	border-right: 3px solid #888;	
	border-bottom: 3px solid #777;  
	border-left: 3px solid #bbb;  
	width: 100px;
	height: 150px;
	visibility : visible;
}
============================= */